<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // 面向过程编程和面向对象编程

    // 面向过程编程: 分析解决问题需要的步骤, 然后通过变量和方法一一实现, 使用时只需要按顺序调用即可


    // 面向对象编程:  思想上提升 , 就是将你的需求抽象成一个对象,然后针对这个对象分析其特征(属性)与行为(方法)--这个对象就称之为类(面向对象)
    // 大量的分工 和 紧密的协作    =>  往小了说(插件/模块)  往大了说(框架)

    // 面向对象三大特征:  封装 继承 多态


    // 举例说明:
    // 把大象放进冰箱中需要几步?

    // 面向过程: 分析解决问题需要的步骤, 然后通过变量和方法一一实现, 使用时只需要按顺序调用即可
    // (1)  有大象 和 冰箱  elephant  icebox
    // (2)  打开冰箱  open(){}
    // (3)  把大象放到冰箱中  put(){  }
    // (4)  关上冰箱   close(){}

    // 面向对象编程:  思想上提升 , 就是将你的需求抽象成一个对象,然后针对这个对象分析其特征(属性)与行为(方法)--这个对象就称之为类(面向对象)
    冰箱 = {
        open() { },
        put(target) { },
        close() { }
    }

    // 最简单的面向对象 => 字面量对象  => 将面向过程中的变量和函数整合到对象中,作为对象的属性和方法  









</script>

</html>